<template>
  <el-container class="app_container">
    <el-aside style="height:100%;">
      <h3 style="display:block;text-align:center">QReport</h3>

      <el-menu router default-active="/reportList">
 

        <el-submenu index="0">
          <template slot="title">
            <i class="el-icon-tickets"></i>
            <span>图册管理</span>
          </template>

          <el-menu-item index="/albumList">图册列表</el-menu-item>

          <el-menu-item index="/layoutEditContainer">新建图册</el-menu-item>
        </el-submenu>
 
        <el-submenu index="1">
          <template slot="title">
            <i class="el-icon-tickets"></i>
            <span>报表管理</span>
          </template>

          <el-menu-item index="/reportList">报表列表</el-menu-item>

          <el-menu-item index="/reportNameEdit">新建报表</el-menu-item>
        </el-submenu>

        <el-submenu index="2">
          <template slot="title">
            <i class="el-icon-menu"></i>
            <span>基础数据管理</span>
          </template>

       
          <el-submenu index="3">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span>查询管理</span>
            </template>

            <el-menu-item index="/query">查询列表</el-menu-item>

            <el-menu-item index="/queryEdit?type=INSERT">添加查询</el-menu-item>
          </el-submenu>

          <el-submenu index="4">
            <template slot="title">
              <i class="el-icon-goods"></i>
              <span>数据源管理</span>
            </template>

            <el-menu-item index="/datasourceHome">数据源列表</el-menu-item>

            <el-menu-item index="/datasourceEdit?type=INSERT">添加数据源</el-menu-item>
          </el-submenu>
        </el-submenu>
 
<!--
        <el-menu-item index="/about" > <i class="el-icon-info"></i>关于项目</el-menu-item>-->
      </el-menu>
    </el-aside>

    <el-main>
      <router-view></router-view>
    </el-main>
  </el-container>
</template>

<style>
.app_container {
  height: 100%;
  width: 100%;
}
</style>
